
.posts{
	/* width: 100%; */
	height: 100vh; 
}
.toptextarea{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 0.5rem;
	font-family: "幼圆";
	font-size: 1rem;
	font-weight: bold;
}
#top{
	width: 100%;
	height: 3rem;
	border: solid 1.2px saddlebrown;
	border-radius: 2rem;
	margin-bottom: 0.5rem;
	
}

.posts .textarea{
	height: 50%;
	width: 100%;
	font-family: "幼圆";
	font-size: 2rem;
	border-radius: 1rem;
	outline: none;
}
/* 选择框的点击变色 */
.posts .textarea:focus{
	border: 1px solid skyblue;
}
.posts .expression{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	
}
.mood{
	font-family: "幼圆";
}
.posts .expression img{
	width: 1.5rem;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.expression img:hover{
	/* 点击向上移动,放大 */
	transform: translateY(-10px) scale(1.5);
	
}
#getback{
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	top:0.8rem;
	left:1.2rem
}
.memorandum{
	position: absolute;
	top: 1.5rem;
	left: 7rem;
	font-family: "华文彩云";
	letter-spacing: 1rem;
	font-weight: bold;
	font-size: 1.2rem;
	
}

#release{
	position: absolute;
	width: 7rem;
	height: 2.5rem;
	right: 0.7rem;
	top: 0.7rem;
	border: none;
	border-radius: 5rem;
	box-shadow: 2px 5px 2px gray;
	background: rgba(1,1,1,0.3);
	font-family: "幼圆";
	
}
#time{
	margin-left: 1rem;
}
.timedate,
.timetime{
	font-family: "幼圆";
	font-weight: bold;
}
#dinput,
#tinput{
	border: solid 2px cornflowerblue;
	border-radius: 2rem;
	outline: none;
}
/* 状态 */
.state{
	margin-left: 1rem;
	font-family: "幼圆";
	font-weight: bold;
	text-align: center;
}
#states{
	border: solid 2px cornflowerblue;
	border-radius: 2rem;
	outline: none;
	padding: 0 1rem;
	/* text-align: center; */
}